<template>
  <div>
    <button>原生的按钮</button>
    <input type="text">

    <atguigu>
      <el-button>默认按钮</el-button>
      <!-- 主颜色是蓝色 -->
      <el-button type="primary">主要按钮</el-button>
      <el-button type="success">成功按钮</el-button>
      <el-button type="info">信息按钮</el-button>
      <el-button type="warning">警告按钮</el-button>
      <el-button type="danger">危险按钮</el-button>
    </atguigu>

    <el-date-picker v-model="value1" type="date" placeholder="选择日期">
    </el-date-picker>

    <atguigu>
      <el-button icon="el-icon-search" circle></el-button>
      <el-button type="primary" icon="el-icon-success" circle></el-button>
      <el-button type="success" icon="el-icon-check" circle></el-button>
      <el-button type="info" icon="el-icon-message" circle></el-button>
      <el-button type="warning" icon="el-icon-star-off" circle></el-button>
      <el-button type="danger" icon="el-icon-delete" circle></el-button>
    </atguigu>

  </div>
</template>

<script>
//第一个注意点！！
//引入头部组件（属于一般组件，看使用方式）
//而经过路由切换的，称为路由组件，一般可创建一个pages文件夹（文件夹样式会变），专门存储路由组件。便于维护查找

export default {
  name: "App",
  components: {

  },
};
</script>
